import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'
import './assets/css/global.css'
import 'element-ui/lib/theme-chalk/index.css'
import './assets/fonts/iconfont.css'
import SlideVerify from 'vue-monoplasty-slide-verify'
import VCharts from 'v-charts';
import store from './store/store';
import Chat from 'jwchat';
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
import title from 'vue-wechat-title'
import animated from 'wow.js/css/libs/animate.css'
import hljs from 'highlight.js'
import 'highlight.js/styles/idea.css'


// 增加自定义命令v-highlight
Vue.directive("highlight", function (el) {
    let blocks = el.querySelectorAll("pre code");
    blocks.forEach(block => {
        hljs.highlightBlock(block);
    });
});
// 增加组定义属性，用于在代码中预处理代码格式
Vue.prototype.$hljs = hljs;


Vue.use(hljs)
//新的UI
Vue.use(Avue);
// 标题组件
Vue.use(title)
// 聊天窗口组件
Vue.use(Chat);
Vue.use(VCharts);
Vue.use(animated)
Vue.use(SlideVerify)



new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')


